<html>
 <head>
    <meta name="layout" content="main"/> 
    
    <script type="text/javascript">
	     function obtenerSiguienteNroArticulo()
	     {
	       if($('#tipo').val() != 0)
	       {      
	    	 $.ajax({
	    			url:"${request.contextPath}/tipoArticulo/obtenerSiguienteNumeroArt",
	    			dataType: 'json',
	    			data: {
	    				tipoId: $('#tipo').val(),
	    			},
	    			success: function(data) {
	    				$('#numeroArticulo').val(data['siguienteNro']);
	    			},
	    			error: function(request, status, error) {
	    				console.log('error');
	    			},
	    			complete: function() {
	    			}
	    		});	
	       }		       
	     }
    </script>
 </head>
 <body>
  <div>
    <ul>
     <li><a href="${createLink(uri:'/') }">HOME</a></li>
     <li><g:link action="list" >Lista de Artículos</g:link></li>
    </ul>
  </div>
  <div>
     <h2>Crear Artículo</h2>
     
     <g:if test="${flash.message}">
         <div class="message">${flash.message}</div>
     </g:if> 
      
     <g:hasErrors bean="${articuloInstance}">
        <div class="message">Error</div>
     </g:hasErrors>
           
	  <g:form action="save">
	     <fieldset class="form">
	       <g:render template="form"/>
	     </fieldset>
	     <fieldset class="buttons">
	       <g:submitButton name="create" class="save" value="Crear"/>
	     </fieldset>
	  </g:form>
  </div>
 </body>
</html>